$(document).ready(function() {

  $.get('nav.html', function(data) {
    $('#sys-header').append(data);
    var urlstr = location.href;
    var urlstatus=false;
    $("#sys-menu ul li a").each(function () {
      if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
       $(this).parent().addClass('active'); urlstatus = true;
      } else {
       $(this).parent().removeClass('active');
      }
     });
     if (!urlstatus) {$("#sys-menu ul li").eq(0).addClass('active'); }
    $(".curline").css({"width": $("#sys-menu ul li.active").width(),"left": $("#sys-menu ul li.active").position().left});
  })
  $("#sys-header").on("click", "li", function() {
    $(this).siblings().removeClass('active');$(this).addClass('active');
  })
  $("#sys-header").on("mouseover", "li", function() {
    $(".curline").stop(true).animate({
      left: $(this).position().left,
      width: $(this).width()
    }, 200);
  })

  $("#sys-header").on("mouseout", "li", function() {
      $(".curline").animate({
        left: $(".active").position().left,
        width: $(".active").width()
      }, 200)
    })


//$(document).on('page:load', function() { NProgress.done(); });
//
//$(document).pjax('#sys-menu a[target!=_blank]', '#sys-main', {fragment:'#sys-main', timeout:8000});
//$(document).on('pjax:start', function() {console.log('start'); NProgress.start(); });
//$(document).on('pjax:end',  function() {console.log('end'); NProgress.done(); });

// $(document).on('pjax:complete', function() {console.log('complete');});
// $(document).on('pjax:send', function() {console.log('send');});




})